<template>
  <div class="home">
    <div class="header">
      <div class="logo">
        <img src="../../../assets/img/home/logo.png" alt="">
      </div>
      <div class="title">
        <img src="../../../assets/img/home/baojia-title.png" alt="">
      </div>
    </div>

    <div class="table-box">
      <x-table style="background-color:#fff;">
        <thead>
        <tr style="background-color: #F7F7F7">
          <th>名称</th>
          <th>价格/元</th>
          <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td> 玉米 </td>
          <td>1.05</td>
          <td>
            <x-button plain text="一键销售" link="/sale/baojia/onekey"></x-button>
          </td>
        </tr>
        <tr>
          <td> 小麦 </td>
          <td>1.25</td>
          <td>
            <x-button plain text="一键销售" link="/sale/baojia/onekey"></x-button>
          </td>
        </tr>
        <tr>
          <td> 花生 </td>
          <td>3.82</td>
          <td>
            <x-button plain text="一键销售" link="/sale/baojia/onekey"></x-button>
          </td>
        </tr>
        <tr>
          <td> 大豆 </td>
          <td>2.10</td>
          <td>
            <x-button plain text="一键销售" link="/sale/baojia/onekey"></x-button>
          </td>
        </tr>
        </tbody>
      </x-table>
    </div>
  </div>
</template>

<script>
  import { XTable, XButton } from 'vux'

  export default {
    components: {
      XTable,
      XButton
    }
  }
</script>

<style scoped lang="less">

</style>

